<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>云顶书院图书馆-个人信息修改</title>
    <link rel="icon" href="../../ico/favicon.ico">
    <link rel="stylesheet" href="../../font_3880788_qzhmn5z27lg/iconfont.css">
    <link rel="stylesheet" href="../../css/topBottom.css">
    <link rel="stylesheet" href="../../css/personUser/xiugaiUser.css">
</head>

<body>
    <!-- 最顶部页面固定栏设计,包括logo，首页，用户等六个小模块 -->
    <div class="topKe">
        <div class="top">
            <div class="topLogo">
                <div><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/yunlogo.png" alt=""></div>
                &nbsp云顶书院
            </div>
            <div class="topIndex">
                <a href="http://127.0.0.1:5500/html/indexuser.html"><span class="iconfont icon-shouye"></span>
                    首页</a>
            </div>
            <div class="topBook">
                <a href="http://127.0.0.1:5500/html/bookUser/fenleihtml/wenxue.html"><span class="iconfont icon-tushu"></span>
                    图书</a>
            </div>
            <div class="topUser">
                <a href="http://127.0.0.1:5500/html/personUser/personUser.html"><span class="iconfont icon-geren2"></span>
                    个人</a>
            </div>
            <div class="topSer">
                <a href="http://127.0.0.1:5500/html/serviceUser/daohangUser.html"><span class="iconfont icon-banli"></span>
                    服务办理</a>
            </div>
            <div class="topSearch">
                <input type="text">
                <div class="sousou">
                    <span class="iconfont icon-sousuoxiao"></span>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 设置一个空盒子来占顶部固定栏所占位置，从而不遮挡下面内容 -->
    <div class="prevent"></div>
    <!-- 背景图覆盖 -->
    <div class="personback">
        <!-- 中间页面 -->
        <div class="main">
            <!-- 上部小引导 -->
            <p class="biaoqian"><a href="http://127.0.0.1:5500/html/personUser/personUser.html">个人</a> > 个人信息修改</p>
            <!-- 下部 -->
            <div class="xia">
                <div class="xiamain">
                    <div class="tou">头像</div>
                    <div class="gai">更改</div>
                    <div class="xinxi">
                        <div class="xin1">
                            <span>姓名</span> <input type="text" class="inshuru" value="好困啊">
                        </div>
                        <div class="xin2">
                            <span>方向</span><input type="text" class="inshuru" value="秘书处">
                        </div>
                        <div class="xin3">
                            <span>期数</span> <input type="text" class="inshuru" value="七期">
                        </div>
                        <div class="xin4">
                            <span>电话号码</span> <input type="text" class="inshuru" value="12345678900">
                        </div>
                    </div>
                </div>
                <div class="btnsure">确认</div>
                <div class="btncsl">取消</div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="word">
                <p>友情链接</p>
                <br />
                <p><a href="https://www.tyut.edu.cn/" target="_blank">太原理工大学</a></p>
                <br />
                <p><a href="https://www.yunliyunwai.cn/">云里云外开源社区</a></p>
            </div>
        </div>
    </div>
</body>

</html>